<template>
  <view class="page-container">
    <GlobalTopBar ref="topBarRef" class="topbars" color="#fff">
      <template #title><text style="color: #fff">订单查询</text></template>
    </GlobalTopBar>
    <GlobalTopBar ref="topBarRef" :isLeft="true"> </GlobalTopBar>
    <view class="page_content">
      <view class="flex_center">
        <uni-icons
          type="checkbox-filled"
          size="100"
          color="#3692FF"
        ></uni-icons>
        <!-- <uni-icons type="clear" size="100" color="#FF0000"></uni-icons> -->
        <text>下单成功</text>
        <!-- <text>下单失败，请联系客服处理</text> -->
        <view class="btns flex_center">
          <view class="fhsy" @click="store.to('/pages/home/index')"
            >返回首页</view
          >
          <view class="ckdd">查看订单</view>
        </view>
      </view>
      <!-- 文字 -->
      <view class="btext">
        <image :src="`${store.imgDomain}my_text.png`" mode="scaleToFill" />
      </view>
    </view>
  </view>
</template>

<script setup>
import {
  ref,
  computed,
  reactive,
  watch,
  onMounted,
  getCurrentInstance,
} from 'vue';
import { useCounterStore } from '@/store';
import { onLoad, onShow } from '@dcloudio/uni-app';
import request from '@/utils/request';
import Drawer from '@/components/Drawer.vue';
import { formatTimestamp } from '@/utils/validate';
import SearchInput from '@/components/SearchInput.vue';

const store = useCounterStore();
const goodsInfo = ref({});
const indexs = ref(0);
const datas = ref({});
const drawerRef = ref(null);
const drawerRef2 = ref(null);
const fuxqbox = ref(null);
const types = ref(2);
const goodsbyList = ref([]);
const bannerList = ref([]);
</script>

<style scoped lang="scss">
.topbars {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;

  background: linear-gradient(to right, #2f80ff, #3184ff);
}

.page_content {
  box-sizing: border-box;
  padding: 20rpx;
  .flex_center {
    flex-direction: column;
    font-size: 40rpx;
    background-color: #fff;
    box-sizing: border-box;
    padding: 50rpx 0;
    border-radius: 20rpx;
  }
  .btns {
    flex-direction: row;
    font-size: 24rpx;
  }
  .fhsy {
    border: 1rpx solid #999;
    margin-right: 20rpx;
    line-height: 60rpx;
    border-radius: 30rpx;
    padding: 0 36rpx;
  }
  .ckdd {
    line-height: 60rpx;
    border-radius: 30rpx;
    padding: 0 36rpx;
    color: #fff;
    background-color: #3692ff;
    border: 1rpx solid #3692ff;
  }
}
.btext {
  position: relative;
  margin-top: 35rpx;
  display: flex;
  justify-content: center;
  &::after {
    content: ' ';
    width: 100rpx;
    height: 1rpx;
    position: absolute;
    top: 50%;
    left: 140rpx;
    transform: translateY(-50%);
    background-color: #73adff;
  }
  &::before {
    content: ' ';
    width: 100rpx;
    height: 1rpx;
    position: absolute;
    top: 50%;
    right: 140rpx;
    transform: translateY(-50%);
    background-color: #73adff;
  }
  image {
    position: relative;
    display: block;
    opacity: 0.6;
    width: 185rpx;
    height: 38rpx;
  }
}
</style>
